@charset "utf-8";

.container {
    max-width: 640px;
    margin: auto;
    min-height: 100%;
    position: relative;
    display: block;
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    min-width: 320px;
}
/*产品分类*/
.mask{
	z-index: 998;
	width: 100%;
	background: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	left: 0
}
.menu{
	width: 80%;
	z-index: 999;
	background-color: #f5f5f5;
	position: relative;
}
.menu li{
	padding: 0 0.3rem;
	/*height: 0.88rem;*/
	line-height: 0.88rem;
	background-color: #fff;
	margin-top: 0.18rem;
}
/*.menu li:first-child{
	margin-top: 0;
}*/
.close{
	display: block;
	width: 0.6rem;
	height: 0.6rem;
	background: url(../img/close.png) no-repeat;
	background-size: 0.6rem 0.6rem;
	position: absolute;
	top: 45%;
	right: 7%;
}
.erji li{
	border: none;
	margin-top: 0;
	padding-left: 0.9rem;
}
.menu span{
	float: right;
}
/*购物车弹窗*/
.shop_mask{
	z-index: 998;
	width: 100%;
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}
.add_shop{
	width: 93%;
	height: 5.8rem;
	padding: 0.3rem;
	background-color: #fff;
	position: fixed;
	bottom: 0;
	z-index: 999;
}
.number{
	width: 97%;
	height: 0.62rem;
	margin-top: 0.35rem;
}
.button {
	width:90%;
	height: 0.8rem;
	background-color: #f3494c;
	border-radius: 5px;
	margin: 0.4rem auto;
	text-align: center;
	line-height: 0.8rem;
	font-size: 0.3rem;
	color: #fff;
	position: fixed;
	bottom: 0.5rem;
}
.box{
	width: 2rem;
	height: 0.6rem;
	border: 1px solid #999999;
	border-radius: 3px;
	float: right;
}
.box div{
	float: left;
}
.box input{
	height: 0.59rem;
	line-height: 0.59rem;
	border: none;
	background-color: #fff;
	font-weight: normal;
}
input.cut{
	width: 0.6rem;
	border-right: 1px solid #999 ;
	font-size: 0.4rem;
	border-radius: 0;
}
input.num{
	width: 0.78rem;
	text-align: center;
}
input.add{
	width: 0.6rem;
	border-left: 1px solid #999 ;
	font-size: 0.4rem;
	border-radius: 0;
}
.shop_close{
	width: 0.28rem;position: absolute;right: 0.3rem;bottom: 5.8rem;
}
/*产品分类end*/
.clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden }
.clearfix { zoom: 1 }
.dis_tab { display: table; width: 100%; }
.dis_tab_c { display: table-cell; }
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
/*====================图片引用============================*/
.show_list {background:url(../images/top.png) no-repeat;background-size: auto 230px;}

/* 内容 */
.main { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; min-width: 320px; overflow: hidden; background-color: #fff; }
/*======================列表页头部==================================*/
.cate_left i{
	background:url(../img/glist_icon.png) no-repeat;
	background-size: auto 320px;
}
.cate_header { position: relative;width:100%; height:45px; background:#ffffff;top:0; z-index:997; border:0; border-bottom:1px solid #dddddd}
.cate_left{
	position:absolute; left:5px; top:8px;
	width: 35px;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    color: #999;
    cursor: pointer;
}
.cate_left i{ display:block; width:30px; height:22px; background-position:-2px -50px; }
.cate_right{width:50px;height:45px;position:absolute; right:0; top:0; text-align:center;}
.cate_right a{ font-size:14px; line-height:45px; color:#666}
.cate_mid { width:100%; height:45px; margin:auto; padding-top:5px;}
.text_box{ width:75%; margin:auto; height:32px; background:#f6f6f6;border-radius:3px; position:relative}
.text_box .text{ 
    display:block; 
    width:100%;
    -webkit-appearance: none; 
    -webkit-box-flex: 1; 
    -webkit-flex: 1; 
    flex: 1; 
    border-radius: 0; 
    -webkit-rtl-ordering: logical; 
    -webkit-user-select: text; 
    height:32px; 
    background:none; border:0; font-size:14px; line-height:32px; color:#666; text-indent:35px;}
.text_box .submit{ 
    display:block; 
    width:32px; 
    height:32px; 
    position:absolute; 
    left:0px; 
    top:0; 
    background-image: url(../img/glist_icon.png);
    background-size: 40px auto; 
    border:0;
    background-repeat: no-repeat;
    background-position: -3px -2px;
    background-color: #f6f6f6;
}

article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}
.hidden {
    display: none;
}
menu {
    margin: 0 auto;
    position: relative;
    z-index: 99999;
}

menu, menu section {
    width: 100%;
    max-width: 640px;
}

menu section {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    top: 0;
    left:0;
    -webkit-perspective: 1000;
    perspective: 1000;
    position: fixed;
    height: 100%;
    opacity: 1;
    will-change: transform;
    z-index: 1005;
    overflow: hidden;
}
.list-bouncein {
    -webkit-animation: d .5s linear .2s forwards;
    animation: d .5s linear .2s forwards;
}
menu .close {
    background: url(../img/glist_icon.png) no-repeat;
    background-size: 50px auto;
    background-position: -5px -302px;
    width: 40px;
    height: 40px;
    position: fixed;
    top: 50%;
    z-index: 1006;
    margin-left: 85.5%;
    margin-top: -20px;
    opacity: 0;
}

.list-fadein {
    -webkit-animation: i .3s linear 0s forwards;
    animation: i .3s linear 0s forwards;
}
menu .widget_mask {
    background: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
    opacity: 0;
}

menu .widget_wrap {
    width: 83%;
    height: 100%;
    background: #f1f1f1;
    transform: translate3d(-100px,0,0);
    z-index: 1;
    opacity: 0;
}
menu .widget_wrap>ul {
    background: #f1f1f1;
    padding-top: 1px;
    padding-bottom: 10px
}

menu .listAll,menu .widget_wrap>ul>div>li {
    color: #1a1a1a;
    line-height: 40px;
    font-weight: 400;
    font-size: 14px;
    background: #fff;
    margin-top: 10px;
    padding-left: 15px;
    position: relative;
    cursor: pointer
}

menu .widget_wrap>ul li.ons {
    color: #ff2e45
}

menu .widget_wrap>ul>div>li.ons:before {
    width: 2px;
    position: absolute;
    height: 40px;
    content: "";
    background: #ff2e45;
    left: 0
}

menu .widget_wrap>ul>div>li:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid #c3c3c3;
    border-width: 2px 2px 0 0;
    position: absolute;
    top: 50%;
    right: 13px;
    margin-top: -4px;
    -webkit-transform: rotate(45deg)
}

menu ol {
    background: #fff
}

menu ol:empty {
    display: none
}

menu ol li {
    line-height: 40px;
    padding-left: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 20px;
    cursor: pointer
}

menu ol li.ons {
    background: #f7f7f7;
    color: #ff2e45
}

menu .widget_wrap>ul a {
    display: block;
    width: 100%
}

@media screen and (min-width: 360px)
menu .close {
    margin-left: 86.5%;
}
@media screen and (min-width: 375px)
menu .close {
    margin-left: 87%;
}
.cate_header .mode {
    width: 35px;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    color: #999;
    cursor: pointer;
    position: absolute;
    right:5px;
    top: 8px;
}
.cate_header  .mode i {
    width: 35px;
    height: 22px;
    margin: 0 auto;
    background: url(../img/glist_icon.png) no-repeat;
    background-size: 40px auto;
    background-position: -2px -49px;
    display: block;
}
.cate_header .mode i {
    background-position: -3px -89px;
}
.cate_header .mode.on i {
    background-position: -3px -130px;
}
/*===================排序==========================*/
.filtrate_term { width: 100%; overflow: hidden; background: #fff; border-bottom:1px solid #ccc;}
.filtrate_term ul {
    padding: 0 8px;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
}
.filtrate_term li {
    text-align: center;
    -webkit-box-flex: 1;
    box-flex: 1;
    font-size: 14px;
    cursor: pointer;
    padding: 10px 0;
}

.filtrate_term li div{
    width: 100%;
    display: block;
    border: 1px solid #d7d7d7;
    border-width: 0 1px 0 0;
    position: relative;
    vertical-align: middle;
    line-height: 1.2em;
    -webkit-border-image: url(../images/goods_border.png) 2 stretch;
}
.filtrate_term li:last-child div {
    border-right: 0;
}

.filtrate_term li a { font-size:14px; }
.filtrate_term li.on a { color: #e3091a; }

.filtrate_term .arrow_up, .filtrate_term .arrow_down { width: 0px; height: 0px; font-size: 0; line-height: 0; border-color: #fff #fff #a5a5a5 #fff; border-width: 0px 5px 5px; display: inline-block; border-style: solid; position: relative; top: -6px; left: 5px; }
.filtrate_term .arrow_down { border-color: #a5a5a5 #fff #fff #fff; border-width: 5px 5px 0px; position: relative; top: 2px; left: -5px; }
.filtrate_term .active_up { border-color: #fff #fff #e3091a #fff; }
.filtrate_term .active_down { border-color: #e3091a #fff #fff #fff; }

.show_type { display:block; width: 25px; height:25px; margin:auto;background-position:0px -121px;}
.show_list{display:block;width: 25px; height:25px; margin:auto;background-position:0px -76px;  }
/*====================商品列表(小图)======================= */
.best_phone{height:20px; position:absolute; top:0px;right:0; font-size:12px; line-height:20px; color:#FFF; padding-left:8px; padding-right:8px; background:#FF6600;}
.touchweb-com_searchListBox{ width:100%; overflow:hidden; margin:auto;}
.touchweb-com_searchListBox.hide { display: none;}
.touchweb-com_searchListBox li { width:100%; float:left; overflow:hidden; margin-bottom:5px; position:relative}
.touchweb-com_searchListBox .item { display:block; width:100%; overflow:hidden; margin:auto; background:#FFF; position:relative}
.touchweb-com_searchListBox li .pic_box{ width:3rem; height:3rem; position:absolute; top:0; right: 10px; z-index:9}
.touchweb-com_searchListBox li .pic_box span{ display:block; width:3rem; height:3rem; background:url(../images/shuang11.png) no-repeat;background-size: 100% 100%;text-indent:-9999px; z-index:1;}


.touchweb-com_searchListBox li .goods_images{ display:block; width:22%; overflow:hidden; float:left; position:relative;padding: 0.3rem;}
.touchweb-com_searchListBox li .goods_images span{ display:block; position:absolute; height:15px; padding-left:23px; padding-right:10px; bottom:2px; right:2px; font-size:12px; line-height:140%; color:#FFF;border-radius:20px; background:#000 url(../images/category/shou.png) no-repeat 5px center;background-size: auto 15px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.touchweb-com_searchListBox li .goods_images img{ display:block; width:100%; height:auto}

.touchweb-com_searchListBox li dl{ width:70%;margin:auto; margin-top:0.3rem; overflow:hidden; float:right; }

.touchweb-com_searchListBox li dl dt{font-size:14px; width:3.36rem; margin:auto; height:auto; 
text-align:left; line-height:16px;margin-left: 0; }

.touchweb-com_searchListBox li dl dt a{font-size:14px; line-height:20px; color:#666;}
.touchweb-com_searchListBox li dd{width:100%;margin:auto; overflow:hidden}
.touchweb-com_searchListBox li dd i{display:block; float:left; font-size:16px; line-height:30px; color:#ff5366; font-style:normal}
.touchweb-com_searchListBox li dd em{ display:block; float:left; font-size:10px; line-height:30px; color:#999; padding-left:8px;text-decoration:line-through;}

.touchweb-com_searchListBox li .goods_number{ position:absolute; width:150px;overflow:hidden; background:#FFF; bottom:5px; left:32%;}
.touchweb-com_searchListBox li .goods_number .ui-number {border: 1px solid #ddd9da; overflow: hidden; height: 25px; display: block; width: 92px;margin-left:8px;}
.touchweb-com_searchListBox .decrease { display: inline-block; font-size: 24px; line-height: 25px; border: 0; width: 25px; float: left; height: 25px; color: #F8849C; border-right: 1px solid #ddd9da; text-indent: -9999px; background: url(../images/flow/shop-cart.png) no-repeat 5px -26px; background-size: 60px; }
.touchweb-com_searchListBox .increase{display:inline-block;background:none;border:0;border-left:1px solid #ddd9da;float:left; width:25px; height:25px;font-size:24px; line-height:25px;color:#F8849C;background: url(../images/flow/shop-cart.png) no-repeat -25px -26px; background-size: 60px;text-indent:-9999px}
.touchweb-com_searchListBox .ui-number .num { display: inline-block; border: 0; width: 40px; height: 25px; float: left; text-align: center; font-size: 14px; line-height: 25px; color: #666; text-align: center }
.bug_car { display:block;width: 20px; height:20px; position: absolute; bottom:32px; right:32px; z-index: 2;}
.bug_car img {display: block; width:20px; height:20px }
/*====================商品列表 （大图）=================*/
.openList li {width:50%; overflow:hidden; float:left; padding:0px; margin:0 0 5px 0; position:relative}
.openList li .item { display:block; width:98%; overflow:hidden; margin:auto; background:#fff; position:relative}

.openList li .goods_images{ display:block; width:84%; overflow:hidden;}
.openList li .goods_images img{ display:block; min-height: 172px; max-height: 345px; width:100%;}
.openList li dl{ width:96%; margin:auto; margin-top:8px; overflow:hidden; padding-left:2%; padding-right:2%;}
.openList li dl dt{font-size:13px; width:100%; height:32px;}

.openList li dl dt a{font-size:12px; line-height:20px; color:#666;}
.openList li dd{width:100%;margin:auto; overflow:hidden}
.openList li dd i{ display:block; float:left; font-size:15px; line-height:30px; color:#ff5366; font-style:normal}
.openList li dd span{ display:block; float:left; font-size:10px; line-height:15px; color:#fff; padding-left:8px; padding-right:8px; background:#F00; margin-left:10px; margin-top:8px;border-radius:3px;}
.openList li .goods_number{ width:98%; margin:auto; overflow:hidden; background:#fff; padding-bottom:10px; position:relative; left:0px; padding-top:10px;}
.openList li .goods_number .ui-number {border: 1px solid #ddd9da; overflow: hidden; height: 25px; display: block; width: 92px;margin-left:8px;}
.openList .decrease { display: inline-block; font-size: 24px; line-height: 25px; border: 0; width: 25px; float: left; height: 25px; color: #F8849C; border-right: 1px solid #ddd9da; text-indent: -9999px; background: url(../images/flow/shop-cart.png) no-repeat 5px -26px; background-size: 60px; }
.openList .increase{display:inline-block;background:none;border:0;border-left:1px solid #ddd9da;float:left; width:25px; height:25px;font-size:24px; line-height:25px;color:#F8849C;background: url(../images/flow/shop-cart.png) no-repeat -25px -26px; background-size: 60px;text-indent:-9999px}
.openList .ui-number .num { display: inline-block; border: 0; width: 40px; height: 25px; float: left; text-align: center; font-size: 14px; line-height: 25px; color: #666;  text-align: center }

.openList .bug_car { display:block;width: 20px; height:20px; position: absolute; bottom:5px; right:10px; z-index: 2; }
.openList .bug_car img {display: block; width:20px; height:20px }

.loading_banner { text-align: center; }
.loading_banner .loading { background-image: url("../images/category/loading.png"); display: inline-block; margin: 10px 0; background-size: 12px; width: 12px; height: 12px; -webkit-animation: rotate 2s linear 0s infinite; animation: rotate 2s linear 0s infinite; }


/*===筛选====*/
.new_header_2 { position: relative; z-index: 8888; height: 44px; background: #fff; border-bottom: 1px solid #dcdcdc; padding: 0; }
.new_header_2 .back { position: absolute; top: 8px; left: 17px; width: 30px; height: 32px; }
.new_header_2 .back span { display: inline-block; width: 11px; height: 18px; background: url(../images/category/search_sprite.png) no-repeat; background-size: 25px 193px; text-indent: -9999px; margin-top: 6px; }
.new_header_2 h2 { width: 100%; height: 44px; line-height: 44px; background: #fff; text-align: left; font-size: 16px; color: #333; font-family: 'Microsoft Yahei'; font-weight: normal; text-indent:35px; }
#filter_content { padding-bottom: 67px; }
.filtrate_category { height: 46px; }
.filtrate_category a{ font-size:16px; color:#333}
.filtrate_category_a { display: block; height: 45px; line-height: 45px; padding: 0 15px; color: #646464; border-bottom: 1px solid #dcdcdc; background: url(../images/category/search_sprite.png) right -97px no-repeat #fff; background-size: 25px 193px; }
.filtrate_category_show { background: url(../images/category/search_sprite.png) right -51px no-repeat #fff; background-size: 25px 193px; }
.filtrate_category .filtrate_category_a .up_down { float: right; margin-right: 20px; white-space: nowrap; text-overflow: ellipsis; max-width: 60%; overflow: hidden; font-size:12px; color:#666}
.filtrate_category .filtrate_category_a .c_yellow { color: #f88b39; height: 45px; }
.fixed { position: fixed; top: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.filtrate_list { background: #fff; padding: 0 10px; display: none; }
.filtrate_list .filtrate_list_li_a { font-size:14px; color: #666; display: block; height: 45px; line-height: 45px; border-bottom: 1px solid #dcdcdc; }
.filtrate_list .on { color: #dd272c; }
.filtrate_price {height: 45px; line-height: 45px; padding: 0 15px; color:#333; border-bottom: 1px solid #dcdcdc; background: #fff; font-size:16px;}
.filtrate_price span{ display:inline-block; font-size:16px; color:333; height: 45px; line-height: 45px; }

.filtrate_price input { width: 78px; height: 30px; line-height: 24px; padding: 3px 0 3px 2px; border:0px; margin: 0 5px; text-align: center; background-color: #f6f3f3; color:#666; font-size: 14px; border-radius:2px;cursor: auto;}

.filtrate_price input.foucs { border: 1px solid #f88b39; background-color: #fff;}
.filtrate_btn {height: 66px; width: 100%; background: #fff; padding-top:10px;left: 0; z-index: 100; }

.filtrate_btn li { width: 50%; float: left; }

.filtrate_btn .reset { width:90%; margin:auto;background:#25C6FC; color: #fff; height: 36px; line-height: 36px; text-align: center; display: block; margin-right: 5px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:14px; }
.filtrate_btn .submit { width:90%; margin:auto; background: #dd272c; color: #fff; height: 36px; line-height: 36px; text-align: center; display: block; border: none;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.filtrate_address { background-color: #fff; padding: 10px 0 5px 10px;}
.filtrate_address li { padding: 1px; background-color: #f5f5f5; float: left; text-align: center; margin: 0 7px 5px 0; height:40px; line-height:40px; width: 75px; overflow: hidden; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  }
.filtrate_address li a{ color:#666}
.filtrate_address li.on {background-color: #dd2726; color: #fff; padding: 1; }
.filtrate_address li.on a{ color:#FFF}
.filtrate_has { padding-left: 15px;padding-bottom: 10px;  overflow:hidden; background:#FFF;border-bottom: 1px solid #dcdcdc; }
.filtrate_has h2 { font-weight: normal; font-size: 16px; line-height: 40px; color:#333 }
.filtrate_has ul li {  float: left;  width: 50%;}
.filtrate_has ul li input{ display:none}
.filtrate_has ul li label { padding-left: 22px; display: block; height: 35px; line-height: 35px; background: url(../images/category/select2.png) 0 10px no-repeat; background-size: 15px 87px; color: #666; font-size:14px; }
.filtrate_has ul li.on label { background-position: 0 -34px; }

.filtrate_has1 { padding-left: 10px;padding-bottom: 10px; background:#FFF;}
.filtrate_has1 h2 { font-weight: normal; font-size: 16px; line-height: 40px; }
.filtrate_has1 ul li {  float: left;  width: 50%;}
.filtrate_has1 ul li input{ display:none}
.filtrate_has1 ul li label { padding-left: 22px; display: block; height: 35px; line-height: 35px; background: url(../images/category/select2.png) 0 10px no-repeat; background-size: 15px 87px; color: #989da2; font-size:14px; }
.filtrate_has1 ul li.on label { background-position: 0 -33px; }

/*======列表页搜索=======*/
.mix_recently_search { width:95%; margin:auto; overflow:hidden; padding-top:10px;padding-bottom:10px;}
.search_h2{background:url(../images/index02.png)no-repeat;background-size: auto 220px; background-position:0px -42px;}

.mix_recently_search h3 { width:100%;height:30px; line-height:30px; margin-bottom:10px;}
.mix_recently_search h3 i{ display:block; float:left; width:25px; height:30px;}
.mix_recently_search h3 span{ display:block; float:left; font-size: 14px; font-weight: normal;height:30px; line-height:30px;color:#666; }

.mix_recently_search ul { background-color: #fff; width:90%; overflow:hidden; margin:auto }
.mix_recently_search ul li { border: 1px solid #ccc; height:30px; position: relative; float:left; border-radius:4px; margin-right:10px; margin-bottom:10px;  }
.mix_recently_search ul li a { display: block;font-size:14px; line-height:30px; color:#666; text-align:center; padding-left:10px; padding-right:10px; }

/*遮罩层的时候，页面固定高度不可滚动样式*/
.sidebar-move { height: 100%; overflow: hidden; animation: sidebar-body-move .5s 1 ease 0; -webkit-animation: sidebar-body-move .5s 1 ease 0; }
/*====搜索店铺search_list=====*/
.search_shop{ width:100%; overflow:hidden; margin:auto; background:#fff; margin-bottom:8px; padding-top:10px;}
.dianpu_top{ display:block; width:95%; margin:auto; overflow:hidden; padding-bottom:5px; border-bottom:1px solid #eeeeee}
.dianpu_top h2{ width:20%; float:left; overflow:hidden}
.dianpu_top h2 img{ display:block; width:90%; float:left}
.dianpu_top dl{ width:80%; float:left; overflow:hidden}
.dianpu_top dl dt{ width:70%; float:left; overflow:hidden}
.dianpu_top dl dt strong{ display:block; font-size:14px; line-height:20px; color:#333;}
.dianpu_top dl dt em{ display:block; font-size:12px; line-height:20px; color:#999; font-style:normal; background:url(../images/search/search_diapu.png) no-repeat left center; text-indent:20px;background-size: auto 20px;}
.dianpu_top dl dd{ width:30%; float:left; overflow:hidden}
.dianpu_top dl dd em{ display:block; width:50px; height:30px; text-align:center; font-size:14px; line-height:30px;border:1px solid #FF6600;border-radius:2px; float:right; color:#FF6600}

.search_shop ul{ width:95%; margin:auto; overflow:hidden; padding-top:5px; padding-bottom:5px; height:20px;}
.search_shop ul li{ width:33%; float:left; overflow:hidden; text-align:center; line-height:20px;}
.search_shop ul li span{ display:inline-block; margin:auto; font-size:12px; color:#999}
.search_shop ul li strong{ display:inline-block; margin:auto; font-size:12px;color:#E71F19; margin-left:2px;}
.search_shop ul li em{ display:inline-block;height:15px;background:#E71F19; font-style:normal; font-size:10px; line-height:15px; width:15px;text-align:center; color:#FFF;border-radius:2px; margin-left:2px;}

.seach_pu{ width:95%; overflow:hidden; margin:auto; margin-top:8px;}
.seach_pu dl{ width:100%; margin:auto; overflow:hidden}
.seach_pu dl dt{ width:25%; float:left;margin:auto;}
.seach_pu dl dt a{ display:block; width:95%; margin:auto; position:relative}
.seach_pu dl dt a img{ display:block; width:100%; height:auto}
.seach_pu dl dt a em{ display:block; position:absolute; height:18px; bottom:0px; right:0px; padding-left:8px; padding-right:8px; font-size:12px; line-height:18px; color:#FFF;background-color:rgba(23,23,23,0.5)}
.s_dianpu{ width:100%; height:40px; border-top:1px solid #eeeeee; text-align:center; margin-top:8px;}
.s_dianpu a{ font-size:14px; line-height:40px; color:#666; text-align:center;}
.seach_pu dl dd{font-size:14px; line-height:100px; color:#666; text-align:center}
#mix_search_div{ background:#FFF;}
/*页面body的背景色*/
.body_bg{ background:#E5E5E5}
.body_bj{ background:#f8f8f8;
    max-width: 640px;
    margin: auto;
    min-height: 100%;
    position: relative;
    display: block;
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    min-width: 320px;
}
.body_tj{
    background:#fff;
    max-width: 640px;
    margin: auto;
    min-height: 100%;
    position: relative;
    display: block;
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    min-width: 320px;
}
/*iphone手机的input的样式问题*/
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
-webkit-appearance: none;
}
/*css初始值*/
body {margin:0px;font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size: 14px;line-height: 180%;color: #333333; min-width:320px;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0;padding: 0;list-style-type: none;}
img { border:0px}
a:link {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:14px;color: #333333;text-decoration: none;}
a:visited {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:14px;color:#333333;text-decoration: none;}
a:hover {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:14px;color:#E24615;text-decoration: none;}
input[type=number] {    -moz-appearance:textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {    -webkit-appearance: none;}
.main{ width:100%; overflow:hidden; margin:0; padding:0;}
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 14px }
fieldset, img { border: 0 }
cite, em, s, i, b { font-style: normal }
input, button, textarea, select { font-size:12px; font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; }
body, input, button, textarea, select, option { font-size: normal }
a, input, textarea { text-decoration: none; outline: 0 }
li, img, label, input { vertical-align: middle }
var { font-style: normal }
ins { text-decoration: none }
body { font-size: 20px }
.bodybj{ background:#e5e5e5;}
.black{width:100%;height:5px;background: #F2F2F2;}
/*合并图片css引用*/
.top_bt,.user_btn,.show_cart{background:url(../images/pub_flow.png) no-repeat;background-size: auto 160px; }
.menu1,.menu2,.menu3,.menu4{background:url(../images/goods/pub_goods.png) no-repeat;background-size: auto 200px;}
.dingdan_1,.dingdan_2,.dingdan_3,.dingdan_4{background:url(../images/pub_main.png) no-repeat;background-size: auto 450px;}
.vf_1,.vf_2,.vf_3,.vf_4,.vf_5,.vf_6{background:url(../images/footer_navimg.png) no-repeat;background-size: auto 200px;}
.h-left a,#show_more{background:url(../images/top.png) no-repeat;background-size: auto 230px;}
/*头部弹出菜单*/
.goods_nav{ width:27%; float:right; right:0px; overflow:hidden; position:fixed; z-index:9999999; top:26px;}
.hid{ display:none;}
.Triangle{ width:100%; height:20px; }
.Triangle h2{ 
width: 0;height: 0;border-style: solid;border-color: transparent transparent #565553 transparent;border-width: 10px;transition: 0.6s;float:right;
 margin-right:10px;}
.goods_nav ul{ width:100%; overflow:hidden;background-color:rgba(27,27,27,0.9);border-radius:2px;}
.goods_nav li{ width:100%; height:40px; border-bottom:1px solid #626262;}
.nl5{ background:#2D2D2D}
.goods_nav li span{display: block;width:25px;height:25px; float:left; margin-top:5px; margin-left:5px;}
.goods_nav li i{ font-style:normal; color:#f3f1f1; font-size:14px; display:block; float:left; line-height:40px;}
.menu1{ background-position:0 4px;}
.menu2{ background-position:0 -19px;}
.menu3{ background-position:0 -41px;}
.menu4{ background-position:0 -64px;}

/* 页面头部  */
.header { width:100%; height:45px; background:#ffffff;top:0; z-index:9999; border:0; border-bottom:1px solid #CCC}
.h-left{float:left;width:30px; height:45px;}
.h-left a{ display:block; width:30px; height:45px; background-position:5px 9px; }

.h-right{float:right; width:30px;height:45px; line-height:45px; margin-right:10px;}
.top_bar{float:right; display:block; width:30px; height:45px;}
#show_more{width:30px; height:45px;background-position:5px -28px;}

.h-mid { width:120px; height:45px; float:left; text-align:left; color:#666; font-size:18px; line-height:45px; position:relative;font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;}
.h-mid h6 { color:#333; font-size:16px; font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; font-weight:normal;}


/*返回顶部*/
.gotop{ display:block; width:40px; height:40px; position:fixed; bottom:70px; right:8px;background-color:rgba(27,27,27,0.6);  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index:999 }
.gotop img{ display:block; width:40px; height:40px;}


.shuaxin{ display:block; width:40px; height:40px; position:fixed; bottom:160px; right:8px;background-color:rgba(27,27,27,0.6);  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index:999 }
.shuaxin img{ display:block; width:38px; height:38px; margin:2px auto;}


.index-kefu{ display:block; width:40px; height:40px; position:fixed; bottom:115px; right:8px;background-color:rgba(27,27,27,0.6);  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index:999 }
.index-kefu img{ display:block; width:25px; height:25px; margin:8px auto;}


.index-jrbk{ display:block; width:38px; height:38px; position:absolute; top:53px; right:30px;  z-index:999 }
.index-jrbk img{ display:block; width:38px; height:38px; margin:8px auto;}





 
/*footer_nav1底部悬浮菜单css*/
.v_nav { position: fixed; bottom: 0; width: 100%; height:45px; background-color:rgba(238,238,238,0.9);border-top: #dcdcdc 1px solid; z-index: 97;padding:0px; margin:0px; padding-bottom:2px; padding-top:2px;
    max-width:640px;}
.vf_nav{ width:100%;height:45px; margin:auto; padding:0px; margin:0px;}
.vf_nav ul li{ width:20%; height:45px; float:left; text-align:center; margin:0px;}
.vf_nav ul li a{ text-align:center; font-size:12px; color:#333; width:48px; display:block; height:45px; position: relative; margin:auto}
.vf_nav ul li i{ display:block;  width:25px; height:25px; margin:auto; }

.vf_1{ background-position:-1px -3px;}
.vf_2{ background-position:0px -39px; }
.vf_3{ background-position:0 -73px;}
.vf_4{ background-position:-3px -105px;}
.vf_5{  background-position:1px -137px;}
.vf_6{  background-position:-1px -168px;}

.vf_nav ul li span{ display:block; width:100%; height:20px; line-height:20px;}
.vf_nav ul li a:active{color: #ff7171;}
/* 购物车弹出效果*/
/*老的带商品信息的弹出层样式*/
.cartpopDiv { padding: 0 2%; width: 96%; }
.cartitle {position: absolute; width: 113px; height: 113px; left: 15px; top: 0px; border: 1px solid #e9e9e9; border-radius: 2px; border:0;}
.goods_info_pop{width:50%; margin:15px 0 0 140px; font-size: 14px;}
.goods_info_pop p{line-height: 20px;}
.goods_attr_txt{height:45px;}
.goods_info_pop .goods_price{color:#ff2e45;}
.shopdiv .on{border-color: #ff2e45; background: #ff2e45; color: #fff; font-size: 12px;}
.shopdiv .wuxiao {
    cursor: not-allowed !important;
    text-decoration: none !important;
    border: #999 1px dashed !important;
    background: #eee !important;
}
.shopdiv .wuxiao:visited, .shopdiv .wuxiao:hover {
    cursor: not-allowed;
    text-decoration: none;
    border: #999 1px dashed;
}

.shopdiv .cattsel {
    border: #f52648 1px solid;
    background: #ff2e45;
    margin-right: 5px;
    margin-top: 6px;
    color:#fff;
}
.shopdiv .pup_attr_box{
    overflow:hidden; margin: 0 4% auto 4%; width: 92%; border-top: 1px solid #E8EDF1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.shopdiv #pup_form{margin: 20px 0 17% 0; max-height: 300px;min-height: 130px; width:100%; overflow-y: auto; overflow-x: hidden;}

.shopdiv .pup_attr_box p{text-align:left; background:#ffffff; height:20px; line-height:20px;margin: 5px 10px 5px 0;font-size: 14px; clear:both}
.shopdiv .pup_attr_box div{
    min-width: 39px;
    max-width: 70%;
    text-align: center;
    line-height:30px; border-radius: 3px; font-size: 12px; float:left; margin: 5px 10px 8px 0; border: 1px solid #d5d5d5; padding:0 10px;
}
.shopdiv .pup_attr_box textarea{
    width: 98%;
    margin:0 auto;
    border:1px solid #cccccc;
    padding:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.coninfo { padding: 10px 0 0px; border-top: #e5e5e5 1px dashed; font-size: 12px; text-align: center; width: 100%; color: #999; line-height:22px; }
.shopdiv { border-radius: 5px 5px 5px 5px;}
.coninfo table { border: none; color: #999999; }
.toptitle { margin: 8px 0px; }
.toptitle p a { color: #999999; }
.toptitle .pic { float: left; margin-right: 10px; }
.coninfo .gray { color: #999 }
.coninfo strong { color: #ec5151 }
.coninfo font { font-size: 18px; }
.conprice { line-height: 30px; }
.cardivfloat { background-color: #fff; border-radius: 5px 5px 5px; }
.cartdivfloattitle { font-weight: normal; color: #ffffff; font-size: 14px; text-indent: 15px; width: 70%; float: left; }
.cartbntfloat { text-align: center; padding: 15px 0 0px; width: 100%; margin-bottom: 10px; clear:both; position:absolute; bottom:0; left:0;}
.con_close { width: 50px; float: right; text-align: right; color: #FFF; padding-right: 15px; font-weight: normal; }
.greyBtn { background-color:#ff2e45; border-radius: 4px; height: 44px; line-height: 44px; border: none; position: relative; display: inline-block; width: 46%; margin: 10px 0 0 10px; text-align: center; color: #fff; }
a.redBtn { background-color:#ff8522; height: 44px; line-height: 44px; color: #fff; border-radius: 4px; border: none; position: relative; display: inline-block; width: 46%; text-align: center; }
.bor-top { border-top: #e5e5e5 1px solid; }
.blank5 { height: 5px; line-height: 5px; clear: both; visibility: hidden; overflow: hidden; }
.cartbntfloat a{ color:#FFF}
.touchweb_com-indexPop { display: none; position: fixed; left: 0; top: 0;  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); visibility: hidden; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; z-index:99999999 }
.touchweb_com-indexPop.show { opacity: 1; visibility: visible; }
.touchweb_com-indexPop .inner { width: 235px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 20px 15px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; height:auto; }
.touchweb_com-indexPop .inner .btn_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 30px; margin-top: 10px; text-align: center; }
.touchweb_com-indexPop .inner .btn_box .btn { display: block; height: 30px; line-height: 28px; width: 85px; font-size: 1.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ff3c3c; -webkit-border-radius: 4px; border-radius: 4px; color: #333; }
.touchweb_com-indexPop .inner .btn_box .btn_confirm { color: #fff; background-color: #ff3c3c; }
.touchweb_com-indexPop .inner .btn_box .btn_confirm:active { background-color: #ff0909; }
.touchweb_com-indexPop .inner .btn_box .btn_cancel { border: 1px solid #25C6FC; background-color: #25C6FC; color:#FFF }
.touchweb_com-indexPop .inner .btn_box .btn_cancel:active { background-color: #25C6FC; }
.touchweb_com-indexPop { font-size:.12rem;}
.touchweb_com-indexPop .inner .content_name {margin-bottom: 23px;}
.touchweb_com-indexPop .inner .content_name p {line-height:20px;font-size:14px; color: #333333;}
.touchweb_com-indexPop .inner .btn_box .btn { font-size:14px;}
.c_close_attr {background: url(../images/flow/c_cancel.png) center no-repeat; background-size: 16px 16px;
 width: 26px;height: 50px; right:5px;margin: 0; margin-right:10px; position:absolute}


.sku_Rule{font-size: 14px; width:94%; margin: 13px auto;}
.sku_Rule .Purchasecon {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-right:15px;
}
.sku_Rule .box {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: horizontal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.sku_Rule .box {
    background: #fff;
    overflow: hidden;
}
.box>* {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
}
.sku_Rule .box input {
    -webkit-appearance: none;
    display: inline-block;
    height: 35px;
    width: 35px;
    text-align: center;
    border: 0;
    background: none;
    background: url(../images/w_7.png) no-repeat center -644px;
    -webkit-background-size: 40px auto;
    font-size: 13px;
    color: transparent;
}
.sku_Rule .box input[value="-"] {
    background-position: center -684px;
}
.sku_Rule .box div:first-child input {
    border-radius: 3px 0 0 3px;
    border: 1px solid #c7c7c7;
    border-width: 1px 0 1px 1px;
}
.sku_Rule .box input[type=tel] {
    width: 43px;
    color: inherit;
    background: #fff;
    border: 1px solid #c7c7c7;
    height:33px;
}
.sku_Rule .box div:nth-child(3) input {
    border-radius: 0 3px 3px 0;
    border: 1px solid #c7c7c7;
    border-width: 1px 1px 1px 0;
}


/*pages.lbi翻页效果css*/

.pagenav-wrapper .pagenav-content { width:100%; padding: 20px 0px 20px;  text-align: center; line-height: 29px; overflow: hidden; }
.pagenav-wrapper .pagenav { }
.pagenav-wrapper .pagenav a { color: #666; }
.pagenav-wrapper .pagenav>div { background-color: #fff; border: 1px solid #ccc; line-height: 29px; white-space: nowrap; border-radius: 2px; cursor: pointer; display: inline-block; }
.pagenav .p-first, .pagenav .p-end { width: 59px ; display:inline-block; }
.pagenav .p-prev, .pagenav .p-next { width: 59px; margin: 0 5px; display:inline-block; font-size:12px;}
.pagenav .p-num { width: 30px; margin: 0 5px ; display:inline-block}
.pagenav .pagenav-text { min-width: 100px; height:29px; color: #666;}
.pagenav .pagenav-text span { font-size:16px; }
.pagenav .pagenav-cur { position: relative; background: #fff; height:29px;}
.pagenav .pagenav-select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; #z-index:1; 
opacity: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-appearance: none; border: 0; border-radius: 0; cursor: pointer; }
.pagenav .pagenav-cur i { display: inline-block}
.pagenav-wrapper .pagenav .p-gray { background-color: #fdfdfd; color: #b4b1b1 }
.pagenav a:hover { text-decoration: none }
.global-nav__nav-shop-cart-num{
position: absolute; top:2px; color: #fff;text-align: center; font-weight:normal; font-size:10px;width:12px; height:12px; line-height:12px; background:#ff2233; border-radius: 50%; }



/*没有筛选结果文字样式*/
p.goods_title{ width:100%; font-size:14px; display:block; height:100px; line-height:100px; text-align:center; margin-top:30px; margin-bottom:30px;}
.new_prom2{ font-size:14px; text-align:center; padding:20px 0px}
div#loader { height: 25px; line-height: 25px; background: url(../images/flow/loader.gif) no-repeat 10px center; background-size: 20px; text-indent: 35px; margin: 0 auto; width: 180px; font-size:14px; }
.get_more {
	width: 100%;
	height: 30px;
	display:block;
	text-align: center;
}
.get_more img {
	width: 16px;
	height: 16px;
	margin: 0 auto;
}
/*弹出购物车成功提示代码*/
.touchweb_com-indexPop_all { display: none; position: fixed; left: 0; top: 0;  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%; background:none;  visibility: hidden; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; z-index:99999999 }
.touchweb_com-indexPop_all.show { opacity: 1; visibility: visible; }
.touchweb_com-indexPop_all .inner { padding-left:10px; padding-right:10px;-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; background:rgba(0,0,0,0.7); height:35px; line-height:35px; text-align:center }
.touchweb_com-indexPop_all .inner .content_name { font-size:16px; color:#ffffff;}
.more_loader_spinner { text-align: center; font-size:14px; float:left; width: 100%}

/*提交订单成功放回首页css*/
.home{ display:block; width:100%; overflow:hidden;padding-bottom:20px;padding-top:20px; margin:auto; background:#fff}
.home a{ display:block; width:30%; height:35px; text-align:center; font-size:14px; line-height:35px; color:#FFF; background:#DA2627;border-radius:3px; margin:auto }
/*无线加载的文字样式*/
.jiazai{ width:95%; height:50px; margin:auto }
.jiazai em{ display:block; width:25%; float:left; height:24px; border-bottom:1px solid #ccc; margin-bottom:24px;}
.jiazai span{ display:block; width:50%; float:left; height:50px;font-size:14px; line-height:50px; text-align:center; color:#999}
.li2{
	position: relative;
}
.nav-shop-cart-num{
	position: absolute;
    top: 0;
    right: 0.82rem;
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 0.2rem;
    width: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
    background: #ff2233;
    border-radius: 50%;
}
.type-reclassify{
	padding-bottom: 0.2rem;
}
.type-reclassify li{
	margin-top: 0;
	line-height: 0.5rem;
}
